<template>
	<van-form @submit="onSubmit">
		<van-cell-group inset>
			<van-field
			v-model="username"
			name="用户名"
			label="用户名"
			placeholder="用户名"
			:rules="[{ required: true, message: '请填写用户名' }]"
			/>
			<van-field
			v-model="password"
			type="password"
			name="密码"
			label="密码"
			placeholder="密码"
			:rules="[{ required: true, message: '请填写密码' }]"
			/>
		</van-cell-group>
		<div style="margin: 16px;">
			<van-button round block type="primary" native-type="submit">
			提交
			</van-button>
		</div>
	</van-form>
</template>

<script>
import {Login} from "../service/api"
export default {
	data(){
		return {
			username:"",
			password:"",
		}
	},
	methods: {
		onSubmit(value) {  //验证表单之后进行发登录的请求
			console.log(value);
			Login({ username: value["用户名"], pwd: value["密码"] }).then((res) => {
				console.log(res);
				if (res.errno == "0") {
					// 登录成功把用户信息存到本地仓库
					this.$store.commit("updateUserInfo", res.data)
					// 存到本地存储
					localStorage.setItem("token", res.data.token)
					// this.$router.push("/my") 
					this.$emit("evt",false)  
					this.username=""
					this.password=""                            
				}
			})
		}
	}
}
</script>
<style scoped>

</style>